<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="renderer" content="webkit" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>品牌管理</title>
  <link rel="stylesheet" href="../../lib/css/reset.min.css">
  <link rel="stylesheet" href="../../css/all.min.css">
  <link rel="stylesheet" href="../../lib/css/elementui.min.css">
</head>

<body>
  <div class="app-wrap" v-cloak id="brand_list">
    <header-top></header-top>
    <header-search-global type="首页"></header-search-global>
    <common-top-nav></common-top-nav>
    <div class="bg-gray">
      <div class="container userCenter clear">
        <leftnav></leftnav>
        <div class="user-content">
          <ul class="tabs">
            <li class="li-tab" v-for="(item,index) in brandParam" @click="toggleTabs(index)" :class="{active:index!=nowIndex}">
              <span>{{item}}</span>
            </li>
          </ul>
          <div class="divTab" v-show="nowIndex===0">
           <el-form ref="brandForm" label-width="80px" class="brand-form">
              <el-input v-model="searchContent" placeholder="品牌名称"></el-input>
              <el-select v-model="status" placeholder="审批状态">
                <el-option label="待审核" value="0"></el-option>
                <el-option label="审核通过" value="1"></el-option>
                <el-option label="已拒绝" value="2"></el-option>
              </el-select>
              <button class="search_btn">搜索</button>
            </form>
            </el-form>
          
            <table class="brandTable">
              <thead>
                <tr>
                  <td>品牌名称</td>
                  <td>品牌logo</td>
                  <td>成立时间</td>
                  <td>联系人</td>
                  <td>联系方式</td>
                  <td>状态</td>
                  <td>操作</td>
                </tr>
              </thead>
              <tbody>
                <tr v-for="(item,index) in brandTable">
                  <td>{{item.brandName}}</td>
                  <td><div class="brand_logo"><img :src="item.logo" alt=""></div></td>
                  <td>{{item.foundingTime}}</td>
                  <td>{{item.linkMan}}</td>
                  <td>{{item.mobile}}</td>
                  <td v-if="item.status==0">待审核</td>
                  <td v-if="item.status==1">审核通过</td>
                  <td v-if="item.status==2">已拒绝</td>
                  <td v-if="item.status==0">
                    <div class="brandTable_btn" >
                      <a :href="'brand_details.html?'+item.id">查看</a>
                    </div>
                  </td>
                  <td v-if="item.status==1">
                    <div class="brandTable_btn" >
                      <a :href="'brand_details.html?'+item.id">查看</a>&nbsp;&nbsp;
                      <a >招商加盟</a>&nbsp;&nbsp;
                      <a >品牌介绍</a>&nbsp;&nbsp;
                      <a >品牌动态</a>&nbsp;&nbsp;
                      <a :href="'../jpinpai/xx_show_detail.html?'+item.id">品牌形象</a>&nbsp;&nbsp;
                      <a :href="'../jpinpai/contact_us.html?'+item.id">联系我们</a>
                    </div>
                  </td>
                  <td v-if="item.status==2">
                    <div class="brandTable_btn" >
                      <a :href="'brand_details.html?'+item.id">查看</a>
                    </div>
                  </td>
                </tr>
              </tbody>
            </table>
            <common-page :current="1" :all="total" @btn-click="listen"></common-page>
          </div>
          <div class="divTab brand_panel" v-show="nowIndex===1">
            <div class="panel_top">
              <div class="tips clear">
                <div class="warning"></div>
                <div class="content">
                  <p>品牌资质要求：</p>
                  <p> 1. 自有品牌请上传由国家商标总局颁发的商标注册证或商标注册申请受理通知书复印件；</p>
                  <p> 2. 自有品牌请上传由国家商标总局颁发的商标注册证或商标注册申请受理通知书复印件；</p>
                  <p> 3. 自有品牌请上传由国家商标总局颁发的商标注册证或商标注册申请受理通知书复印件；</p>
                  <p> 4. 自有品牌请上传由国家商标总局颁发的商标注册证或商标注册申请受理通知书复印件；</p>
                </div>
              </div>
            </div>  
            <div class="panel_content">
            <el-form :model="brandForm" :rules="brandForm_rules" ref="brandForm" label-width="140px">
              <el-form-item label="企业名称：" prop="companyName">
                <el-input v-model="brandForm.companyName"></el-input>
              </el-form-item>
              <el-form-item label="品牌名称：" prop="brandName">
                <el-input v-model="brandForm.brandName" ></el-input>
              </el-form-item>
              <el-form-item label="品牌LOGO：" prop="logoUrl">
                <common-upimg :preimg="logoUrl" :testoption="{maxlength:1}"></common-upimg>
              </el-form-item>
              <el-form-item label="成立时间：" prop="foundingTime">
                <el-date-picker v-model="brandForm.foundingTime" value-format="yyyy-MM-dd" type="date" placeholder="选择日期">
                </el-date-picker>
              </el-form-item>
              <el-form-item label="品牌风格：" prop="brand_date"  >
                <el-checkbox-group v-model="labelArray">
                  <el-checkbox v-for="item in labelData" :label="item.labelId">{{item.labelName}}</el-checkbox>
                </el-checkbox-group>
              </el-form-item>
              <el-form-item label="消费人群：" prop="startAge">
                <div class="input_suffix">
                  <div class="input_group">
                      <input type="text" v-model="brandForm.startAge">
                      <span>岁</span>
                  </div>
                  <i class="line"></i> 
                  <div class="input_group">
                    <input type="text" v-model="brandForm.endAge">
                    <span>岁</span>
                  </div>
                </div>
              </el-form-item>
                
                
              <el-form-item label="品牌证书电子版：" prop="brand_certificate">
                <common-upimg :preimg="picList" :testoption="{maxlength:1}"></common-upimg>
                <div class="avatar_info">图片尺寸请确保800px *800px以上，文件大小1MB以内，支持JPG，GIF，PNG格式，最多可上传2张</div>
              </el-form-item>
              <el-form-item label="联系人：" prop="linkMan">
                <el-input v-model="brandForm.linkMan"></el-input>
              </el-form-item>
              <el-form-item label="联系方式：" prop="mobile">
                <el-input v-model="brandForm.mobile"></el-input>
              </el-form-item>
              <el-form-item>
                <el-button @click="add('brandForm')">立即创建</el-button>
              </el-form-item>
            </el-form>
            </div>
          </div>
        </div>
      </div>
    </div>
    <common-footer></common-footer>
  </div>
  <script src="../../lib/js/vue.js"></script>
  <script src="../../lib/js/elementui.min.js"></script>
  <script src="../../lib/js/axios.min.js"></script>
  <!-- mock 数据 打包发布的时候记得移除 -->
  <script src="../../lib/js/mock.js"></script>
  <script src="../../js/all.min.js"></script>
  <script>
      brandCenter();
  </script>
</body>

</html>